<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/l-style.css" rel="stylesheet">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/pop_status.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-fl fl">科技小桌板</div>
        <div class="header-fr fr">
            <img src="img/icon/default-avatar.png" width="28" height="28" class="default-avatar fl">
            <span class="admin-name fl">Sherry</span>
            <img src="img/icon/exit-icon.png" width="16" height="16" class="login-exit fr">
        </div>
    </div>

    <div class="super-admin">
        <img src="img/icon/s-admin.png" width="70" height="71">
        <span class="super-text">超级管理员</span>
    </div>

    <div class="sidebar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" href="index.html" data-id="1">
                                <span class="sidebar-icon">
                                    <span class="side1"></span>
                                </span>
                                <span class="">首页</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                            <a class="sidebar-list" data-id="2" >
                                <span class="sidebar-icon">
                                    <span class="side2"></span>
                                </span>
                                <span class="">消息通知</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" data-id="1" href="gg1.html">公告列表</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="2" href="px1.html">培训通知</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="3"  href="ry1.html">
                                <span class="sidebar-icon">
                                    <span class="side3"></span>
                                </span>
                                <span class="">人员管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="4" href="qy1.html">
                                <span class="sidebar-icon">
                                    <span class="side4"></span>
                                </span>
                                <span class="">企业信息管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="5" href="sb1.html">
                                <span class="sidebar-icon">
                                    <span class="side5"></span>
                                </span>
                                <span class="">申报看板</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="6" href="wj1.html">
                                <span class="sidebar-icon">
                                    <span class="side6"></span>
                                </span>
                                <span class="">文件管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
                            <a class="sidebar-list" data-id="7">
                                <span class="sidebar-icon">
                                    <span class="side7"></span>
                                </span>
                                <span class="">账号管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseSeven" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="zh2.html" data-id="1">普通管理员账号管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="zh1.html" data-id="2">科技联络人审核</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                            <a class="sidebar-list" data-id="8">
                                <span class="sidebar-icon">
                                    <span class="side8"></span>
                                </span>
                                <span class="">系统设置</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseEight" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="xt3.html" data-id="1">个人信息</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt7.html" data-id="2">修改密码</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt5.html" data-id="3">企业类别管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt6.html" data-id="4">企业属性管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt1.html" data-id="5">Banner图管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt8.html" data-id="6">注册协议管理</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <div class="page-right-top">
            <div class="right-top">
                <span class="right-title">企业信息管理</span>
            </div>
        </div>
        <div class="main-content">
            <div class="main-top">
                <div class="index-list index-m1">
                    <div class="index-total">企业总数</div>
                    <div class="index-totalNum">
                        <span>38700</span>个
                    </div>
                </div>
                <div class="index-list qy-m2">
                    <div class="index-total">今日新增企业数</div>
                    <div class="index-totalNum">
                        <span>200</span>个
                    </div>
                </div>
            </div>

            <div class="mes-content">
                <div class="main-mes-top">
                    <div class="fl">
                        <div class="release-btn fl" style="width:140px;">
                            <div class="train-width">
                                <span class="qy-down-icon fl"></span>
                                <span class="re-text fl">导入模板下载</span>
                            </div>
                        </div>
                    </div>

                    <div class="fr">
                        <div class="mes-input fl">
                            <input type="text" class="keyword-input" name="keyword" placeholder="请输入关键词">
                        </div>

                        <div class="screen-term">
                            <select class="screen-de" name="" id="">
                                <option value="">企业属性</option>
                                <option value="企业类别">企业类别</option>
                                <option value="企业载体">企业载体</option>
                                <option value="条件四">状态</option>
                                <option value=""></option>
                            </select>
                        </div>

                        <div class="mes-input fl">
                            <input type="text" class="keyword-input" name="condition" placeholder="请先选择筛选条件">
                        </div>

                        <button class="mes-query-btn fl">查询</button>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="main-mes-content">
                    <div class="al-released fl">企业列表</div>
                    <div class="acc-operation fr">
                        <div class="acc-opera-btn fl enable-btn">导入</div>
                        <div class="acc-opera-btn fl disable-btn">导出</div>
                    </div>

                    <table class="table" style="table-layout:fixed;">
                        <thead>
                        <tr style="background-color: #f3f9fd;">
                            <th class="center-th">序号</th>
                            <th class="center-th">企业名称</th>
                            <th class="center-th">企业属性</th>
                            <th class="center-th">企业类别</th>
                            <th class="center-th">统一社会信用代码</th>
                            <th class="center-th">科技载体</th>
                            <th class="center-th">科技联络人</th>
                            <th class="center-th">详情</th>
                            <th class="center-th">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="qy2.html">查看详情</a>
                            </td>
                            <td class="center-th">
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">删除</span>
                            </td>
                        </tr>
                        <tr style="color: #cccccc;">
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">查看详情</td>
                            <td class="center-th">查看详情</td>
                            <td class="center-th">
                                <span class="table-opera tab-enable">恢复</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="qy2.html">查看详情</a>
                            </td>
                            <td class="center-th">
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="qy2.html">查看详情</a>
                            </td>
                            <td class="center-th">
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="qy2.html">查看详情</a>
                            </td>
                            <td class="center-th">
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">删除</span>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="page-box">
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li><a href="#" class="mes-page-check">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="pop-status opacity"></div>

    <!--编辑企业信息-->
    <div class="pop-eqit-mes">
        <div class="pop-title">
            编辑企业信息
            <span class="close close-icon"></span>
        </div>
        <form id="comMesBtn">
            <div class="com-list">
                <div class="com-list-box">
                    <div class="com-left fl">勋章</div>
                    <select class="com-select" name="xz">
                        <option value="0">请选择勋章类型</option>
                        <option value="1">勋章一</option>
                        <option value="2">勋章二</option>
                        <option value="3">勋章三</option>
                    </select>
                </div>

                <div class="com-list-box">
                    <div class="com-left fl">事件类型</div>
                    <select class="com-select" name="event">
                        <option value="0">请选择事件类型</option>
                        <option value="1">事件一</option>
                        <option value="2">事件二</option>
                        <option value="3">事件三</option>
                    </select>
                </div>

                <div class="com-list-box">
                    <div class="com-left fl">事件内容</div>
                    <input type="text" name="event_input" class="pop-com-input" maxlength="50" placeholder="请输入事件内容">
                    <span class="pop-com-num">50</span>
                </div>

                <div class="display">
                    <div class="com-list-box fl">
                        <div class="com-left fl">科技载体</div>
                        <select class="com-select" name="zt">
                            <option value="0">请选择科技载体</option>
                            <option value="1">科技载体一</option>
                            <option value="2">科技载体二</option>
                            <option value="3">科技载体三</option>
                        </select>
                    </div>

                    <div class="com-list-box fl">
                        <div class="com-left fl" style="width: 66px;">勋章</div>
                        <select class="com-select" name="lb">
                            <option value="0">请选择企业类别</option>
                            <option value="1">类别一</option>
                            <option value="2">类别二</option>
                            <option value="3">类别三</option>
                        </select>
                    </div>
                </div>

                <div class="display">
                    <div class="com-list-box fl">
                        <div class="com-left fl">属性</div>
                        <select class="com-select" name="sx">
                            <option value="0">请选择企业属性</option>
                            <option value="1">属性一</option>
                            <option value="2">属性二</option>
                            <option value="3">属性三</option>
                        </select>
                    </div>

                    <div class="com-list-box fl">
                        <div class="com-left fl" style="width: 66px;">勋章</div>
                        <select class="com-select" name="area">
                            <option value="0">请选择所属区域</option>
                            <option value="1">区域一</option>
                            <option value="2">区域二</option>
                            <option value="3">区域三</option>
                        </select>
                    </div>
                </div>

                <div class="clearfix"></div>
                <div class="add-mem-box" style="margin-top: 40px;">
                    <div class="com-left fl"></div>
                    <div class="acc-opera-btn fl mem-btn p-first-btn">保存</div>
                    <div class="acc-opera-btn fl mem-cancel">取消</div>
                </div>
            </div>
        </form>
    </div>

    <!--科技联络人-->
    <div class="pop-second pop-liaison" style="display: none;">
        <div class="pop-title">
            科技联络人
            <span class="close close-icon"></span>
        </div>
        <div style="padding: 20px 30px;">
            <table class="table" style="table-layout:fixed;">
                <thead>
                <tr style="background-color: #f3f9fd;">
                    <th class="center-th" width="20%;">姓名</th>
                    <th width="30%;">手机号</th>
                    <th>邮箱</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>

    <!--企业分类信息-->
    <div class="pop-second pop-classify" style="display: none;">
        <div class="pop-title">
            选择企业分类信息
            <span class="close close-icon"></span>
        </div>
        <form id="classSubmit">
            <div style="padding: 20px 30px;">
                <div class="com-list-box">
                    <div class="com-left fl" style="width: 66px;">企业属性</div>
                    <select class="com-select" name="qysx" style="width: 380px;">
                        <option value="0">请选择企业属性</option>
                        <option value="1">属性一</option>
                        <option value="2">属性二</option>
                        <option value="3">属性三</option>
                    </select>
                </div>

                <div class="com-list-box">
                    <div class="com-left fl" style="width: 66px;">企业类别</div>
                    <select class="com-select" name="qylb" style="width: 380px;">
                        <option value="0">请选择企业类别</option>
                        <option value="1">类别一</option>
                        <option value="2">类别二</option>
                        <option value="3">类别三</option>
                    </select>
                </div>

                <div class="add-mem-box" style="margin:30px 0;overflow: hidden;">
                    <div class="com-left fl"></div>
                    <div class="acc-opera-btn fl mem-btn classify-btn">保存</div>
                    <div class="acc-opera-btn fl mem-cancel">取消</div>
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
    $(function () {

         SidebarHighlighting('4');

        // 点击查询
        $('.mes-query-btn').on('click', function() {
            var keyword = $("input[name='keyword']").val();
            var condition_val = $("input[name='condition']").val();

            var is_condition = $('.st-text').text();

            if ($.trim(keyword) == '') {
                popStatus(2, '请输入关键字', 1,'', true);
                return;
            }
            if (is_condition == '筛选条件') {
                popStatus(2, '请先选择筛选条件', 1,'', true);
                return;
            }
        });

        // 删除
        $('.tab-disable').on('click', function() {

            if(confirm('您确定要删除吗？')) {
                popStatus(1, '删除成功！', 1,'', true);
            }
        });

        // 点击编辑
        $('.tab-edit').on('click', function() {
            ComMesOpen();
            $('.pop-eqit-mes').show();
        });

        //点击取消
        $('.mem-cancel, .close-icon').on('click', function() {
            ComMesClose();
        });

        // 点击编辑保存
        $(".p-first-btn").on('click', function(){
            var param = $('#comMesBtn').serializeObject();

            console.log(param)
        });

        // 点击科技联络人  ->  查看详情
        $('.table-opera.lia-detail').on('click', function() {
            ComMesOpen();
            var he_lia = $('.pop-liaison');

            he_lia.show();
        });

        // 监听input值的变化
        $('.pop-com-input').keyup(function() {
            var this_val_len = $(this).val().length;

            $('.pop-com-num').text(50 - this_val_len);
        });

        // 点击导入
        $('.enable-btn').on('click', function() {
            ComMesOpen();
            $('.pop-classify').show();
        });

        // 点击导入保存
        $('.classify-btn').on('click', function() {
            var param = $('#classSubmit').serializeObject();

            console.log(param)
        });

        function ComMesClose() {
            $('.pop-status').hide();
            $('.pop-eqit-mes').hide();
            $('.pop-liaison').hide();
            $('.pop-classify').hide();
        }

        function ComMesOpen() {
            $('.pop-status').show();
        }
    })
</script>
</body>
</html>